<template>
  <h1 class="flex justify-between">
    <div class="flex items-center">
      <span class="w-1.5 h-4 bg-red-500 rounded mr-2"></span>
      <span class="text-sm font-bold">{{ title }}</span>
      <slot />
    </div>

    <slot name="right" />
  </h1>
</template>
<script>
export default {
  props: {
    title: {
      type: String,
      default: "TITLE",
    },
  },
};
</script>
